<template>
  <view class="p-2">
    <view class="text-2xl text-center my-3">
      border-width
    </view>
    <view class="flex flex-col items-center">
      <view class="w-half h-200 mb-3  bg-blue-100 center text-center border-0 border-black">
        border-0
      </view>

      <view class="w-half h-200 mb-3  bg-blue-100 center text-center border border-black">
        border
      </view>

      <view class="w-half h-200 mb-3  bg-blue-100 center text-center border-base border-black">
        border-base
      </view>

      <view class="w-half h-200 mb-3  bg-blue-100 center text-center border-2 border-black">
        border-2
      </view>

      <view class="w-half h-200 mb-3  bg-blue-100 center text-center border-4 border-black">
        border-4
      </view>

      <view class="w-half h-200 mb-3  bg-blue-100 center text-center border-6 border-black">
        border-6
      </view>

      <view class="w-half h-200 mb-3  bg-blue-100 center text-center border-8 border-black">
        border-8
      </view>

      <view class="w-half h-200 mb-3  bg-blue-100 center text-center border-10 border-black">
        border-10
      </view>
    </view>
  </view>
</template>
